﻿<div style="padding:20px; background:#fff;">

<style>
.tdLeft { vertical-align:top;}
</style>

    <div class="formPanel">
    <form method="post" action="#{ActionLink}">    
        <table style="width:100%;">
            <tr><td colspan="2" class="formTitle">编辑器验证(编辑器名称:postContent)</td></tr>
            <tr><td class="tdLeft">请填写</td><td style="width:600px;">
            <div>#{Editor}</div>
            <div class=""><span class="valid" msg="请填写内容" to="simpleContent"></span></div>
            </td></tr>
            <tr><td></td><td><input id="Submit1" type="submit" value="submit" class="btn btn-primary" /></td></tr>        
        </table>
    </form>
    </div>

    <div style="border-bottom:1px #ccc solid;margin:0px 0px 20px 0px;">&nbsp;</div>
    
    <div>
    <div class="strong">客户端代码</div>
    <pre class="brush: c-sharp;">
    &lt;tr&gt;&lt;td class="tdLeft"&gt;请填写&lt;/td&gt;&lt;td&gt;&#35;{Editor}&lt;/td&gt;&lt;/tr&gt;
    </pre>
    <div class="red left20">说明：使用编辑器非常简单，客户端只有一个变量 &#35;{Editor}</div>
    </div>
    
    
    <div style="margin:15px 0px;">
    <div class="strong">服务端代码</div>
    <pre class="brush: c-sharp;">    
        public void EditorSimple() {
        
            editor( "simpleContent", "", "280px" ); // 因为没有提供编辑器名称，所以客户端使用&#35;{Editor}
            target( EditorSimpleSave );
        }

        // 获取编辑器的值
        public void EditorSimpleSave() {
        
            // 只能使用 ctx.PostHtml 方法获取html的值；ctx.Post等其他方法不允许任何html标签(为了安全)
            String html = ctx.PostHtml( "simpleContent" ); 
            if (strUtil.IsNullOrEmpty( html )) {
                echoRedirect( "请填写simpleContent内容" );
            }
            else {
                actionContent( "<div>simpleContent</div><hr/>" + html );
            }
            
        }
    </pre>
    </div>
    
</div>
